@import 'color';

.login-box {
  background-color: rgba(black, 0.5);
  width: 300px;
  margin: 0 auto;
  border-radius: 2px;
  text-align: center;
  color: $white;

  a {
    color: $white;
  }

  .login-info {
    padding: 20px 0;
  }

  .welcome {
    display: block;
    font-size: 16px;
  }
  .login-user-nick {
    display: block;
    font-size: 24px;
    margin: 20px 0;
  }
  .console-link {
    width: 200px;
  }

  .logout-link {
    display: block;
    padding: 10px 0;
    border-top: 1px solid $white;
  }

  .form-content {
    padding: 20px 0;

    label {
      color: $white;
      margin-right: 10px;
    }
  }
  .login-button {
    padding: 10px 0;
    border-top: 1px solid $white;

    .btn {
      width: 150px;
    }
  }
}
